@CHARSET "UTF-8";

/* iPads (portrait and landscape) ----------- */
@media only screen
and (max-device-width : 1024px) {
	tr td.info, 
	.cTypeAdd,
	label,
	ul.errors li,
	input,
	.userProfile {
		display:block;
		float:none;
		clear:left;
		text-align:center;
		color: #424242;
	    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		letter-spacing:0.1em;
		text-align:center;
		margin: 0.25em auto;
		text-transform: lowercase;
		line-height: 145%;
		font-size: 1.2em;
		font-variant: small-caps;
		max-height:2.6em;
		overflow:hidden;
		
	}
}

@media only screen and (min-device-width : 1224px) {
	
	body {
		font-size:80.5%;
	}
	
	.wrapper {
		max-width:100%;
		padding:1em;
	}
	
	h1,
	h3 {
		font-family: Georgia, "Times New Roman", Times, serif;
	    font-size:5em;
		margin-bottom: 0px;
		text-align: left;
		font-weight: normal;
		color: #222;
	}
	
	h3 {
		font-size:2.5em;	
	}
	
	.subheading {
		font-size: 1.4em;
		margin-top: 1em;
		text-align: left!important;
		letter-spacing: 0.3em;
	}
	
	.mainMenu li a:hover,
	.mainMenu li a:active {
		font:1.4em Arial,Helvectica,sans-serif;
	}
	
	li.first a {
		margin:0.5em 0.5em 0.5em 0;
	}
	
	th {
		display:table-cell !important;	
	}
	
	/*thead {
		display: table-caption;
	}*/
	
	tr td,
	th,
	.cTypeAdd,
	label,
	ul.errors li,
	input,
	.userProfile {
		display:table-cell;
		text-align:center;
		color: #424242;
	    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		letter-spacing:0.1em;
		text-align:center;
		margin: 0.25em auto;
		text-transform: lowercase;
		line-height: 145%;
		font-size: 1.0em;
		font-variant: small-caps;
		max-height:2.6em;
		overflow:hidden;
		width:10em;
		
	}
	
	tr {
		
	}
	
	tr td {
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		vertical-align:text-top;
		border-bottom:0.1em dashed #aaaaaa;
		padding:0.75em 0;
		text-align:center !important;
		color:#424242 !important;
	}
		
	
	ul.errors li,
	input {
		width:40em;
	}
	
	ul.errors li {
		color:#990000;	
	}
	
	#content-element {
		max-width:64em !important;
		display:block;
	}
	
	#cke_contents_content {
		width:100% !important;
		display:block;
		max-width:46em;	
	}
	
	.cTypeAdd {
		width:40%;
		font-size:1.6em;
		padding:0;
		margin:2em 0;
		display:block;
		text-align:left;
	}
	
	#Submit {
		font-size:2em;
		display:block;
		margin:0 1em;
		width:auto;
	}
	

	.userProfile li {
		font-size:1.4em;
		line-height:1.4em;
	}	
	
}